html,
body,
#app {
  width: 100%;
  height: 100%;
}
/* 屏蔽chrome浏览器默认项输入框背景色: 解决登录表单样式问题 */
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
    transition: background-color 999999999s !important;
}
* {
  outline: none;
  box-sizing: border-box;
}
/* 解决 h1 标签在 webkit 内核浏览器中文字大小失效问题 */
:-webkit-any(article, aside, nav, section) h1 {
  font-size: 2em;
}
/* 滚动条 */
::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
::-webkit-scrollbar-thumb {
  border-radius: 20px;
}

/* clearfix */
.clearfix::after {
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
  content: '';
}

/** 暂无数据 */
.is-empty,
.is-empty--small {
  position: relative;
  min-height: 200px;
}
.is-empty::after {
  font-size: 40px;
}
.is-empty--small::after {
  font-size: 32px;
}
.is-empty::after,
.is-empty--small::after {
  content: '暂无数据';
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ddddddce;
  min-height: 200px;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
/* 安全设置的desc label*/
.safe-desc-label {
  width: 110px;
  display: inline-block;
}

.table-desc-item {
  width: 50%;
}

/** CPE版本升级标记 */
.Need::after {
  position: absolute;
  content: '';
  right: -4px;
  top: -4px;
  background-color: #f56c6c;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border-radius: 50%;
}
.center.Need::after {
  width: 6px;
  height: 6px;
  right: -7px;
  top: 50%;
  transform: translateY(-50%);
}
